import   React from 'react'


//   变量    基本数据类型 
//   数组 
//   对象 
//   函数

let  num1=10
let str='学习react 心态要好'

let  flag=true


// jsx   遇到大括号就解析成js 语法去执行
let  contact=<div> {num1+100}  ------{str} </div>

export default  class   Element  extends React.Component {


    render() {
        return(          
            <div>
                <h2>Element</h2>
                <span>  我是一个span</span>
                {num1+10}
                <h2>  {str}</h2>
                { /* {contact}   */  }

                <h2>{  flag ?'我被加载了...':'我被隐藏了'  }</h2>   
                <h2>{  !flag && str }</h2>            
            </div>        
        )
    }
}